﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="../Scripts/jquery-1.8.2.min.js"></script>
    <link href="../Content/Style/custom.css" type="text/css" rel="stylesheet"/>
</head>
<body>
    <script type="text/javascript">
        $(document).ready(function () {
            var qry = "http://localhost:1461/CatalogMgr.svc/Domains";
            $("#loadData").click(function () {
                $("#status").text("Loading data....");
                $.getJSON(qry, GetResult);
            });
            $("#content").click(GetResult);
            $(":input").focus(function () {
                $(this).addClass("focus");
            }).blur(function () {
                $(this).removeClass("focus");
            });
        })
        function GetResult() {
            alert("good");
        }
        


    </script>


    <p>Load Data fun</p>
    <a href="#" id ="loadData">Click to load data</a>
    <div id ="status"></div>
    <div id="content">
    </div>

    <form action="#" method="post" id="regform">
        <label id="NameLabel">Name</label>
        <input id="Name" type="text" name="Name"/>
        <br />
        <label id="UserNameLabel">User Name</label>
        <input id="UserName" type="text" />
        <br />
        <label id="PasswordLebel">Password</label>        
        <input id="Password" type="password" />
        <input id="SubmitButton" type="submit"  name="submit" value="submit"/>
    </form>
</body>
</html>

